<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="css/new_css.css" />
		<title>沈农二手交易网-商品发布</title>
	</head>
    <body>
		<div id="header">
			<nav class="navbar nav-divider" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">	
						<a class="navbar-brand" href="#">沈农二手交易网</a>
					</div>
							<div>
								<ul class="nav navbar-nav">
									<li class="active"><a href="#">首页</a></li>
									    <li class="dropdown">
											<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的发布
											<b class="caret"></b>
											</a>
												<ul class="dropdown-menu">
												  	<li><a href="#">我发布的商品</a></li>
												  	<li class="divider"></li>
												  	<li><a href="#">我要发布</a></li>
												</ul>
						                </li>		
										<li class="dropdown">
											<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的心愿
											<b class="caret"></b>
											</a>
												<ul class="dropdown-menu">
												  	<li><a href="#">我的心愿单</a></li>
												  	<li class="divider"></li>
												  	<li><a href="#">我要发布心愿</a></li>
												</ul>
						                </li>		
								</ul>
												<ul class="nav navbar-nav navbar-right">
												    <li><a href="#"><span class="glyphicon glyphicon-log-in"></span>&nbsp;登录</a></li>	
												</ul>
							</div>
				</div>
			</nav>
	    </div>
		<div id="mainbody">
		    <h1>发布商品</h1>
		    <div class="container" style="min-height: auto;">
		     	<div class="row0">
		            <b>商品分类</b>
		            <span class="help-block">（请选择分类）</span>
		            <div >
				            <label >
				            	<input type="radio" name="options" id="button1"/>书籍
				            </label>
		                    <label >
				            	<input type="radio" name="options" id="button2"/>电器
				            </label>
		                    <label>
				            	<input type="radio" name="options" id="button3"/>日用百货
				            </label>
                            <label >
				            	<input type="radio" name="options" id="button3"/>外卖
				            </label>
				            
		            </div>
		        </div><br />
                <div class="row1">
		     		<form class="form-horizontal" role="form">
		     			<div class="form-group">
		     				<label for="bookname" class="col-md-2">商品名称</label>
		     				<div class="col-md-8">
		     					<input type="text" class="form-control" id="bookname" placeholder="请输入商品名称"/>
		     				</div>
		     			</div>
		     		</form>
		     	</div>
		     	<div class="row2">
		     		<form class="form-horizontal" role="form">
		     			<div class="form-group">
		     				<label for="bookshow" class="col-md-2">商品介绍</label>
		     				<div class="col-md-8">
		     					<textarea class="form-control" rows="3" id="bookshow" placeholder="请输入商品介绍"></textarea>
		     				</div>
		     			</div>
		     		</form>
		     	</div>
		     	<div class="row3">
		     		<form class="form-horizontal" role="form">
		     			<div class="form-group">
		     				<label for="bookprice" class="col-md-2">商品价格</label>
		     				<div class="col-md-4">
		     					<input type="text" class="form-control" id="bookprice" placeholder="请输入商品价格"/>
		     				</div>
		     			</div>
		     		</form>
		     	</div>
		     	<div class="row4">
		     		<form class="form-horizontal" role="form">
		     			<div class="form-group">
		     				    <label for="booknumber" class="col-md-2">商品个数</label>
		     				<div class="col-md-4">
		     					<input type="number" class="form-control" id="booknumber" min="1" max="999" placeholder="请选择或输入数目"/>
		     				</div>
		     			</div>
		     		</form>
		     	</div>
		     	<div class="row7">
		     		<form class="form-horizontal" role="form">
		     			<div class="form-group">
		     				<label for="booktel" class="col-md-3">联系方式（电话）</label>
		     				<div class="col-md-4">
		     					<input type="text" class="form-control" id="booktel" placeholder="请填写电话号码" />
		     				</div>
		     			</div>
		     		</form>
		     		<form class="form-horizontal" role="form">
		     			<div class="form-group">
		     				<label for="booktel" class="col-md-3">联系方式（QQ）</label>
		     				<div class="col-md-4">
		     					<input type="text" class="form-control" id="booktel" placeholder="请填写QQ号" />
		     				</div>
		     			</div>
		     		</form>
		     		<form class="form-horizontal" role="form">
		     			<div class="form-group">
		     				<label for="booktel" class="col-md-3">联系方式（微信）</label>
		     				<div class="col-md-4">
		     					<input type="text" class="form-control" id="booktel" placeholder="请填写微信号" />
		     				</div>
		     			</div>
		     		</form>
		     	</div>
		        <div class="row5">
		        	<form class="form-inline" role="form">
		        		<div class="form-group">
		        			<b>商品照片</b>
		        			<span class="help-block">（请选择三张照片）</span>
		        			<div class="row5-1">
		        				<div class="col-md-4">
			        				<img src="img/books1.jpg" class="img-rounded" />
				        			<label class="sr-only" for="imgname">文件输入</label>
				        			<input type="file" id="img-file1"/>	
		        				</div>
		        				<div class="col-md-4">
			        				<img src="img/books1.jpg" class="img-rounded" />
				        			<label class="sr-only" for="imgname">文件输入</label>
				        			<input type="file" id="img-file2"/>	
		        				</div>
		        				<div class="col-md-4">
			        				<img src="img/books1.jpg" class="img-rounded" />
				        			<label class="sr-only" for="imgname">文件输入</label>
				        			<input type="file" id="img-file3"/>	
		        				</div>
		        			</div>
		        		</div>
		        	</form>
		        </div>
		        <br />
		        <div class="row6">
		        	<button type="button" class="btn btn-primary btn-lg btn-block">提交</button>
		        </div>
		    </div>
		</div>
		<div id="footer">
			<div class="banquan">技术支持：神农软件设计团队</div>
		</div>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</body>
</html>
